.components-box{
  .panel-header{
    display: flex;
    align-items: center;
    .icon {
      cursor: pointer;
    }
  }
  .ant-collapse-content{
    background: #333333;
    .ant-row{
      padding: 4px 8px;
    }
    .ant-select.ant-select-single{
      width: 100%;
      color: #A3A3A3;
      .ant-select-selector {
        height: initial !important;
        background-color: #484848;
        .ant-select-selection-item{
          line-height: 22px;
        }
        &:after {
          line-height: initial;
        }
      }
      .ant-select-arrow{
        color: #A3A3A3;
      }
    }
  }
  .icon {
    fill: #A3A3A3;
  }
  .ant-col {
    .icon {
      width: 22px;
      height: 22px;
    }
  }
}
.data-sub-table{
  width: 100%;
  color: #A3A3A3;
  td {
    text-align: center;
  }
  .icon {
    fill: #A3A3A3;
  }
  .ant-select.ant-select-single{
    width: 100%;
    color: #A3A3A3;
    .ant-select-selector {
      height: initial !important;
      background-color: #484848;
      .ant-select-selection-item{
        line-height: 22px;
      }
      &:after {
        line-height: initial;
      }
    }
    .ant-select-arrow{
      color: #A3A3A3;
    }
    .ant-select-selection-placeholder{
      line-height: initial;
    }
  }
}
